<template>
	<view>
		
		 
		<view class="classBox">
			<view class="classLeft">
				<image src="../../static/xian.jpg" class="classImg"></image>
			</view>
			<view class="classRight">
				<view class="className">课程名称</view>
				<vie class="classDate">{{ timeArray[0] }} - {{ timeArray[1] }}</vie>
			</view>
		</view>
		<view class="bottomPeople">
			<view v-for="(item,index) in data" :key="index">
				
			</view>
		</view>
	</view>
</template>

<script>

		data() {
			return {
				
			};
		},
	import {
		eventBus
	} from '@/eventBus.js';
	export default {
		data() {
			return {
				query:''
			};
		},
		mounted() {
			// 监听事件并更新属性值
			eventBus.$on('updatePeople', value => {
				console.log(2);
				this.query = value;
				console.log(this.query);
			});
		},
		methods:{
			
			
		}
	}
</script>

<style lang="less">

.classBox {
		display: flex;
		justify-content: space-around;
		width: 100%;
		background-color: #808080;

		.classLeft {
			flex: 1;
			width: 100px;
			height: 50px;
			padding: 10px;

			.classImg {
				width: 100%;
				height: 100%;
			}
		}

		.classRight {
			flex: 3;
			margin: 10px;
			font-size: 15px;
		}

		.classDate {
			font-size: 14px;
		}
	}
</style>